<template>
  <h1>选项式API </h1>
  <h2>{{ number }}</h2>
  <button @click="addFn">点我</button>
</template>

<script>
/* 
  目标：回顾 Vue2 的选项式 API 写法（Vue3也支持选项式API写法，但更推荐组合式API）
*/
export default {
  name: 'App',
  data() {
    return {
      number: 0,
    }
  },
  methods: {
    addFn() {
      this.number++
    },
  },
}
</script>